<template>
  <div class="box">
    <div class="title">页面丢失了！！！</div>
    <div class="btn" @click="changRouter">
      那么应该
      <p>点击</p>
      这里返回首页
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    changRouter() {
      this.$router.push('/login')
    },
  },
}
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url('../assets/3.png') center no-repeat;
  background-size: cover, auto;
  background-position: right top;
  .title {
    font-size: 45px;
    color: #fff;
    position: absolute;
    top: 60px;
    left: 400px;
  }
  .btn {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 140px;
    left: 600px;
    p {
      display: inline;
      color: #000;
    }
  }
}
</style>
